<!DOCTYPE html>
<html lang="zh-CN" xmlns:border="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>预约详情</title>
    <link rel="stylesheet" href="../css/page-health-orderDetail.css" />
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script>
         var id = getUrlParam("id");
         var oid = getUrlParam("oid");
    </script>
    <style>
        input{
            border: 0px;
            width: 400px;

        }
    </style>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div id="app" class="app">
    <!-- 页面头部 -->
    <div class="top-header">
        <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
        <span class="center">传智健康</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <!-- 页面内容 -->
    <div class="contentBox">
        <div class="card">
            <div class="project-img">
                <img :src="imgUrl" width="100%" height="100%" />
            </div>
            <div class="project-text">
                <h4 class="tit">{{setmeal.name}}</h4>
                <p class="subtit">{{setmeal.remark}}</p>
                <p class="keywords">
                    <span>套餐适用性别:{{setmeal.sex == '0' ? '性别不限' : setmeal.sex == '1' ? '男':'女'}}</span>
                    <span>适用年龄段:{{setmeal.age}}</span>
                    <span>套餐价格:{{setmeal.price}}</span>

                </p>
            </div>
            <!--<div class="project-know">
                <a href="orderNotice.html" class="link-page">
                    <i class="icon-ask-circle"><span class="path1"></span><span class="path2"></span></i>
                    <span class="word">预约须知</span>
                    <span class="arrow"><i class="icon-rit-arrow"></i></span>
                </a>
            </div>-->
        </div>
        <div class="table-listbox" v-for="item in  dateSetmeal">
            <div class="box-title">
                <span class="path1"></span>
                <span class="path2"></span>
                <span>预约人 :&nbsp;
                    <input v-model="item.name" placeholder="未设置"> </span>
            </div>
            <div class="box-title">
                <span class="path1"></span><span class="path2"></span>
                <span>预约方式 :&nbsp;<input v-model="item.orderType" placeholder="未设置"></span>
            </div>
            <div class="box-title">
                <span class="path1"></span><span class="path2"></span>
                <span>预约时间 :&nbsp;<input v-model="item.orderDate" placeholder="未设置"></span>
            </div>
            <div class="box-title">
                <span class="path1"></span><span class="path2"></span>
                <span>到诊情况 :&nbsp;<input v-model="item.orderStatus" placeholder="未设置"></span>
            </div>
            <div class="box-title">
                <span class="path1"></span><span class="path2"></span>
                <span>预约体检机构地址 :&nbsp;<input   v-model="item.addressname" placeholder="未设置"  ></span>
        </div>

            <!--<form class="info-form">-->
                <!--<div class="input-row">-->
                    <!--<label>预约人</label>-->
                    <!--<input v-model="dateSetmeal.name" type="text" class="input-clear" >-->
                <!--</div>-->
                <!--<div class="input-row">-->
                    <!--<label>预约方式</label>-->
                    <!--<input v-model="dateSetmeal.orderType" type="text" class="input-clear" >-->
                <!--</div>-->
                <!--<div class="input-row">-->
                    <!--<label>预约时间</label>-->
                    <!--<input v-model="dateSetmeal.orderDate" type="text" class="input-clear" >-->
                <!--</div>-->
                <!--<div class="input-row">-->
                    <!--<label>到诊情况</label>-->
                    <!--<input v-model="dateSetmeal.orderStatus" type="text" class="input-clear" >-->
                <!--</div>-->
                <!--<div class="input-row">-->
                    <!--<label>预约体检机构地址</label>-->
                    <!--<input v-model="dateSetmeal.address" type="text" class="input-clear">-->
                <!--</div>-->
            <!--</form>-->

            <!--<div class="box-table">-->
                <!--<div class="table-title">-->
                    <!--<div class="tit-item flex2">项目名称</div>-->
                    <!--<div class="tit-item  flex3">项目内容</div>-->
                    <!--<div class="tit-item  flex3">项目解读</div>-->
                <!--</div>-->
                <!--<div class="table-content">-->
                    <!--<ul class="table-list">-->
                        <!--<li class="table-item" v-for="checkgroup in setmeal.checkGroups">-->
                            <!--<div class="item flex2">{{checkgroup.name}}</div>-->
                            <!--<div class="item flex3">-->
                                <!--<label v-for="checkitem in checkgroup.checkItems">-->
                                    <!--{{checkitem.name}}-->
                                <!--</label>-->
                            <!--</div>-->
                            <!--<div class="item flex3">{{checkgroup.remark}}</div>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div class="box-button">-->
                    <!--<a @click="toOrderInfo()" class="order-btn">立即预约</a>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>
<script>
    var vue = new Vue({
        el:'#app',
        data:{
            imgUrl:null,//套餐对应的图片链接
            setmeal:{},
            dateSetmeal:[]
        },
        methods:{
            // toOrderInfo(){
            //     window.location.href = "orderInfo.html?id=" + id;
            // }
            findById(){
                axios.post("/setMeal/findAllById.do?id=" + id).then((response) => {
                    if (response.data.flag) {
                        this.setmeal = response.data.data;
                    this.imgUrl = 'http://qgj1vok9h.hd-bkt.clouddn.com/' + this.setmeal.img;
                    }
                });
            },
            getSetmeal(){
                axios.post("/member/findByOid.do?oid=" + oid).then((res) =>{
                    if(res.data.flag){
                        this.dateSetmeal = res.data.data;
                    }else {
                        this.$message.error(res.data.message);
                    }
                });
            }


        },
        mounted() {
            this.getSetmeal();
            this.findById();
        }
    });
</script>
</body>